//

const MiddleSided3 = () => {
  return (
    <div id="section3">
      <div
        className="h-[34px] mt-[700px] leading-[34px] pl-[12px] text-[#0740C4]"
        style={{
          backgroundImage: `url('/compare_title-bg.png')`,
          backgroundRepeat: "no-repeat",
          backgroundSize: "100%",
          backgroundPosition: "50%"
        }}
      >
        三、主要风险
      </div>
      <div className="h-[425px] p-[12px] bg-[rgba(255,255,255,.4)] rounded-[8px] mt-[12px] border-1 border-[#fff]">
        <div className="text-[14px]">
          <div className="h-[26px] mb-[12px] leading-[26px] text-[#4E718F] font-[600] text-center">
            结论
          </div>
          <div className="text-[14px] h-[48px] text-[#357FFF] font-[500] text-center bg-[rgba(255,255,255,.8)] p-[4px] pl-[8px] pr-[8px]">
            东方供电公司供电面积和人口较大，西部供电公司资产规模和收入更高
          </div>
        </div>
      </div>
    </div>
  )
}

export default MiddleSided3
